<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>京东登录</title>

    <style>
        #top:after {
            content: '';
            display: block;
            clear: both;
        }

        #logo {
            height: 60px;
            width: 170px;
            background: url(../images/logo.png);
            float: left;
        }

        #logofont {
            line-height: 60px;
            font-size: 30px;
            text-indent: 1em;
            color: #acabab;
            float: left;
        }

        #bannerHead {
            width: 990px;
            margin: 0 auto;
        }

        #banner {
            height: 475px;
            background-image: url(../images/banner.png);

        }

        #form {
            background: white;
            float: right;
            height: 250px;
            width: 300px;
            margin: 30px 20px 0px 0px;
        }

        span {
            font-size: 20px;
            text-indent: 1em;
            color: #acabab;
            margin-top: 10px;
            display: block;
        }

        a {
            font-size: 14px;
            color: #fc0000;
            margin: 5px 15px;
            display: block;
            text-decoration: none;
            float: right;
        }

        a:hover {
            text-decoration: underline;
        }

        #acount {
            background-image: url(../images/icon1.jpg);
            background-repeat: no-repeat;
            margin: 10px 10px;
        }

        #pass {
            background-image: url(../images/icon2.jpg);
            background-repeat: no-repeat;
            margin: 10px 10px;
            float: left;
        }


        #s2,#auto {
            font-size: 12px;
            color: gainsboro;
            margin:5px 5px;
            float: left;

        }

        #f3 a {
            font-size: 12px;
            color: gainsboro;
            float: right;
            margin-top: 5px;

        }

        #loginBtn{
            float: none;
            clear: both;
            display:block;
            height:35px;
            line-height:35px;
            text-align:center;
            color:#fff;
            background:#e4393c;
            font-size:18px;
        }
        #clear{
            height: 0;
            clear: both;
        }
    </style>
</head>
<body>

<div id="top">
    <div id="logo"></div>
    <span id="logofont">欢迎登陆</span>
</div>
<div id="bannerHead">
    <div id="banner">
        <div id="form">
            <span>京东会员<a href="#"><img src="../images/icon5.jpg" align="center">立即注册</a></span>
            <form>
                <div id="acount">
                    <img src="../images/icon1.jpg" align="center">
                    <input type="text" name="acount" placeholder="邮箱/用户名/已验证手机" height=38px>
                </div>
                <div id="pass">
                    <img src="../images/icon2.jpg" align="center">
                    <input type="password" name="pass">
                </div>
                <div id="clear"></div>
                <div id="f3">
                    <input type="checkbox" name="auto" id="auto" align="center"/>
                    <span id="s2">自动登录</span>
                    <a href="#" id="f3w">忘记密码？</a>
                </div>
                <a href="#" id="loginBtn">登录</a>
            </form>

        </div>


    </div>
</div>

</body>
</html>